<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>稿件信息</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/comm.css" rel="stylesheet">
	<link href="css/articleDetail.css" rel="stylesheet">
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/comm.js"></script>
	<script src="editor/ckeditor.js"></script>
	<script src="js/articleDetail.js"></script>
</head>
<body>
<jsp:include page="head.jsp"/>

<input type="hidden" value="proficient" id="role">
<input type="hidden" value="1" id="status">

<div class="dialog col-md-offset-4 col-md-4 col-xs-12" id="choosePreview">
	<div class="dialog_div">
		<span id="closebtn" class="glyphicon glyphicon-remove closebtn" aria-hidden="true" ></span>
		<p>文件小于5M,可提供在线预览,请选择预览方式</p>
		<button class="btn_yes col-xs-offset-1 col-xs-4" id="previewOnline">在线预览</button>
		<button class="btn_no col-xs-offset-2 col-xs-4" id="previewDown">下载</button>
	</div>
</div>
<div class="dialog col-md-offset-4 col-md-4 col-xs-12" id="chooseFileDialog">
	<div class="dialog_div">
		<p>是否上传文件？</p>
		<button class="btn_yes col-xs-offset-1 col-xs-4" id="yes">是</button>
		<button class="btn_no col-xs-offset-2 col-xs-4" id="no">否</button>
	</div>
</div>
<div class="dialog col-md-offset-4 col-md-4 col-xs12" id="uploadFile">
	<div class="dialog_div">
		<div style="height: 143px">
		<input id="lefile" type="file" style="display:none">
		<div class="input-append">
			<input id="photoCover" class="input-large col-sm-5 col-sm-offset-1" value="" type="text" style="height:32px;margin-top: 51px">
			<a class="btn-primary btn col-sm-2" style="margin-top: 50px" onclick="$('#lefile').click();">选择文件</a>
		</div>
		</div>
		<button class="btn_yes col-xs-offset-1 col-xs-4" id="save">保存</button>
		<button class="btn_no col-xs-offset-2 col-xs-4" id="cancle1">取消</button>
	</div>
</div>
<div class="dialog col-md-offset-4 col-md-4 col-xs-12" id="saveArticleInfo">
	<div class="dialog_div">
		<p>保存稿件修改信息？</p>
		<button class="btn_yes col-xs-offset-1 col-xs-4" id="confirm">确定</button>
		<button class="btn_no col-xs-offset-2 col-xs-4" id="cancle2">取消</button>
	</div>
</div>
<form class="panel panel-default col-md-10 col-md-offset-1 col-xs-12" id="formInfo">
	<div class="panel-heading col-md-10 col-md-offset-1 col-xs-12">
		<h3 class="panel-title col-md-7">稿件信息</h3>
		<label class="col-md-1 col-md-offset-1" style="margin-top: 5px">版本号</label>
		<select class="form-control col-md-1 " style="width:20%;float:left;text-align: center">
			<option value="最新">最新</option>
			<option value="1">1</option>
			<option value="2">2</option>
		</select>
	</div>
	<div class="panel-body col-md-10 col-md-offset-1 col-xs-12">
		<div class="infob col-sm-6 col-xs-12">
			<label class="col-xs-3">投稿人</label>
			<input style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;" type="text" class="form-control" id="contributor" value="投稿人投稿人投稿人投稿人投稿人投稿人投稿人投稿人投稿人投稿人" readonly>
		</div>
		<div class="infob col-sm-6 col-xs-12">
			<label class="col-xs-3">投稿时间</label>
			<input type="text" class="form-control" id="contributionTime" value="投稿时间" readonly>
		</div>
		<div class="infob col-sm-6 col-xs-12">
			<label class="col-xs-3">标题</label>
			<input type="text" class="form-control" id="title" value="标题" >
		</div>
		<div title="1111111111" class="infob col-sm-6 col-xs-12">
			<label class="col-xs-3">类别</label>
			<input type="text" class="form-control" id="type" value="类别" >
		</div>
		<div class="infob col-sm-6 col-xs-12" style="margin-right: 10px">
			<label class="col-xs-3">关键字</label>
			<input type="text" class="form-control" id="keyword" value="关键字" >
		</div>
		<div class="infob col-sm-6 col-xs-12">
			<label class="col-xs-3">摘要</label>
			<textarea class="form-control col-sm-5 col-xs-10" id="summary" rows="3" value="摘要" >摘要摘要摘要</textarea>
		</div>
		<div class="infob col-sm-6 col-xs-12">
			<input type="button" class=" btn-primary btn col-xs-3 col-xs-offset-3" value="预览" style="margin-top: 15px" id="preview"/>
			<input id="artsave" type="button" class=" btn-primary btn col-xs-3 col-xs-offset-2" value="修改" style="margin-top: 15px;display: none" onclick="clickArtSave()"/>
			<input id="choosePro" type="button" class="btn-primary btn col-xs-3 col-xs-offset-2" value="选择专家" style="margin-top: 15px;display: none" onclick="clickChoosePro()"/>
		</div>
	</div>
</form>

<div class="panel panel-default col-md-10 col-md-offset-1 col-xs-12">
	<div class="panel-heading  col-md-10 col-md-offset-1">
		<h3 class="panel-title">稿件状态</h3>
	</div>
	<div class="panel-body  col-md-10 col-md-offset-1">
		<div class="col-xs-12 ztt">
			<div class="col-xs-12 col-md-9">
				<div class="stepIco" id="ico0">1
					<div class="stepText" id="text0">未受理</div>
				</div>
				<div class="stepline" id="line0"></div>
				<div class="stepIco" id="ico1">2
					<div class="stepText" id="text1">编辑初审</div>
				</div>
				<div class="stepline" id="line1"></div>
				<div class="stepIco" id="ico2">3
					<div class="stepText" id="text2">专家审核</div>
				</div>
				<div class="stepline" id="line2"></div>
				<div class="stepIco" id="ico3">4
					<div class="stepText" id="text3">录用</div>
				</div>
				<div class="stepline" id="line3"></div>
				<div class="stepIco" id="ico4">5
					<div class="stepText" id="text4">刊登</div>
				</div>
			</div>
			<div id="declareOneself" class="col-md-3 col-xs-12">
				<input id="declareBtn" type="button" value="发表意见" class=" btn-primary btn col-xs-offset-2 col-xs-8" style="margin-left: 40px;"/>
				<input id="acceptBtn" type="button" value="受理" class=" btn-primary btn col-xs-offset-2 col-xs-8" style="display: none;"/>
				<input id="publishBtn" type="button" value="刊登" class=" btn-primary btn col-xs-offset-2 col-xs-8" style="display: none;"/>
			</div>
		</div>

		<div id="opinions" class="col-xs-12" style="display: none;">
			<label class="col-xs-2" id="opinion1">初审意见：</label>
			<div class="col-xs-10" id="firstRead">这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。这是一些示例文本。</div>
			<label class="col-xs-2" id="opinion2">XXX专家意见：</label>
			<div class="col-xs-10" id="protRead">这是一些示例文本。这是一些示例文本。
				这是一些示例文本。这是一些示例文本。
				这是一些示例文本。这是一些示例文本。
				这是一些示例文本。这是一些示例文本。
				这是一些示例文本。这是一些示例文本。</div>
			<%--<textarea class="form-control col-md-10" row="3" placeholder="yijian1" style="width: 80%;float:left;margin-bottom:10px"></textarea>--%>
		</div>
		<div id="view">
			<textarea id="opinion" class="form-control" rows="3" placeholder="意见" style="width: 75%;float:left"></textarea>
			<select class="form-control" id="agreeOrNot" style="width: 15%;float:left;margin-left: 5%;text-align: center">
				<option value="">未选择</option>
				<option value="通过">通过</option>
				<option value="不通过">不通过</option>
			</select>
			<button id="commit0" type="submit" class=" btn-primary btn" style="margin: 15px auto auto 5%;width: 15%;">提交</button>
		</div>
		<div id="proView" style="display: none;">
			<textarea id="proOpinion" class="form-control" rows="3" placeholder="意见" readonly></textarea>
		</div>
	</div>
</div>

<div class="panel panel-default col-md-10 col-md-offset-1 col-xs-12" id="communication">
	<div class="panel-heading  col-md-10 col-md-offset-1">
		<h3 class="panel-title">稿件消息</h3>
	</div>
	<div class="panel-body  col-md-10 col-md-offset-1">
		<ul class="media-list">
			<li class="media">
				<a class="pull-left" href="#">
					<img class="media-object" src="img/1.png "
						 alt="通用的占位符图像">
				</a>
				<div class="media-body">
					<h4 class="media-heading">媒体标题</h4>
					<p>这是一些示例文本。这是一些示例文本。
						这是一些示例文本。这是一些示例文本。
						这是一些示例文本。这是一些示例文本。
						这是一些示例文本。这是一些示例文本。
						这是一些示例文本。这是一些示例文本。</p>
				</div>
			</li>
			<li class="media">
				<a class="pull-right" href="#">
					<img class="media-object" src="img/2.png"
						 alt="通用的占位符图像">
				</a>
				<div class="media-body">
					<h4 class="media-heading">媒体标题</h4>
					这是一些示例文本。这是一些示例文本。
					这是一些示例文本。这是一些示例文本。
					这是一些示例文本。这是一些示例文本。
					这是一些示例文本。这是一些示例文本。
					这是一些示例文本。这是一些示例文本。
				</div>
			</li>
		</ul>
	</div>
	<div class="col-xs-12 col-md-10 col-md-offset-1">
		<textarea name="editor1"></textarea>
		<script type="text/javascript">
			CKEDITOR.replace( 'editor1',
				{
					toolbar :
							[
								['Undo','Redo'],
								['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
								['Styles', 'Format'],
								['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', '-', 'About']
							]
				});
		</script>
	</div>
	<button class="btn btn-primary col-md-offset-8 col-md-2" style="margin-top: 15px;">提交</button>
</div>

</body>
</html>
